<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Quản Lý Xe| Phần Mềm Quản Lý Điều Hành Xe | CÔNG TY TNHH DỊCH VỤ MINH VIỆT</title>

    <!-- Bootstrap framework -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" />
    <!-- gebo blue theme-->
    <link rel="stylesheet" href="css/blue.css" id="link_theme" />
    <!-- breadcrumbs-->
    <link rel="stylesheet" href="lib/jBreadcrumbs/css/BreadCrumb.css" />
    <!-- tooltips-->
    <link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css" />
    <!-- notifications -->
    <link rel="stylesheet" href="lib/sticky/sticky.css" />
    <!-- code prettify -->
    <link rel="stylesheet" href="lib/google-code-prettify/prettify.css" />    
    <!-- notifications -->
    <link rel="stylesheet" href="lib/sticky/sticky.css" />    
    <!-- splashy icons -->
    <link rel="stylesheet" href="img/splashy/splashy.css" />
    <!-- colorbox -->
    <link rel="stylesheet" href="lib/colorbox/colorbox.css" />	
    <!-- enhanced select -->
    <link rel="stylesheet" href="lib/chosen/chosen.css" />    
    <!-- main styles -->
    <link rel="stylesheet" href="css/style.css" />
    <!-- Favicon -->
    <link rel="shortcut icon" href="favicon.ico" />
    <!--[if lte IE 8]>
        <link rel="stylesheet" href="css/ie.css" />
        <script src="js/ie/html5.js"></script>
        <script src="js/ie/respond.min.js"></script>
    <![endif]-->

  </head>
  <body class="gebo-fixed menu_hover sidebar_hidden">
    <div id="maincontainer" class="clearfix">
      <!-- header -->
      <?php include 'menu.php'; ?>

      <!-- main content -->
      <div id="contentwrapper">
        <div class="main_content">
          <!-- BreadCrumb -->
          <nav>
            <div id="jCrumbs" class="breadCrumb module">
              <ul>
                <li>
                  <a href="#"><i class="icon-home"></i></a>
                </li>
                <li>
                  <a href="#">Điều hành xe</a>
                </li>
                <li><a href="car-manager.php">Quản lý danh sách xe</a></li>
                <li>
                  Sửa xe : 30N4-9999
                </li>                               
              </ul>
            </div>
          </nav>
          <!-- End BreadCrumb -->
          <div class="row-fluid">
            <div class="span12">
              <div class="heading"> 
                <h3 class="">Sửa xe : 30N4-9999</h3> 
              </div>              
            </div>
          </div>
          <div class="row-fluid">
            <div class="span12">
              <form class="form-horizontal" action="#" method="post">
              <div class="span6">
                     <div class="control-group">
                       <label class="control-label">Biển số xe <span class="f_req">*</span></label>
                       <div class="controls">
                         <input type="text" value="30N4-9999"   placeholder="Biển số xe"/>
                       </div>
                     </div>
                     <div class="control-group">
                       <label class="control-label"> </label>
                       <div class="controls">
                         <label class="checkbox"><input type="checkbox" value="" id="check_car_mv"/>Chủ xe là Minh Việt</label>
                       </div>
                     </div>                
                    <span id="car_is_mv">
                     <div class="control-group">
                       <label class="control-label">Chủ xe </label>
                       <div class="controls">
                         <input type="text" value="Nguyễn Văn A" placeholder="Tên chủ xe "/>
                       </div>
                     </div>
                     <div class="control-group">
                       <label class="control-label"> Số điện thoại chủ xe  </label>
                       <div class="controls">
                         <input type="text" value="094545445" placeholder="Số điện thoại chủ xe"/>
                       </div>
                     </div>
                    </span>
                      <div class="control-group">
                        <label class="control-label" for="inputEmail">Loại xe</label>
                        <div class="controls">
                          <select name="" class="input-xlarge chzn_a">
                            <option>-- Chọn loại --</option>
                            <option selected="selected">Xe 4 chỗ</option>
                            <option>Xe 6 chỗ</option>
                            <option>Xe 7 chỗ</option>
                            <option>Xe 16 chỗ</option>
                            <option>Xe 24 chỗ</option>
                          </select> <a href="#" data-toggle="modal"  data-backdrop="static" class="btn btn-small ttip_t" title="Thêm mới loại xe"><i class="icon-plus"></i> </a>
                        </div>
                      </div>                   
                     <div class="control-group">
                       <label class="control-label"> Hãng xe  <span class="f_req">*</span></label>
                       <div class="controls">
                         <input type="text" value="SAMCO 34 Chỗ" placeholder="Hãng xe"/>
                       </div>
                     </div>                  
                     <div class="control-group">
                       <label class="control-label"> Hình thức  <span class="f_req">*</span></label>
                       <div class="controls">
                         <select>
                           <option selected="selected">Xe mới</option>
                           <option>Xe cũ</option>
                         </select>
                       </div>
                     </div>                 
              </div>
              <div class="span6">
                 
                     <div class="control-group">
                       <label class="control-label"> Tên lái xe  <span class="f_req">*</span></label>
                       <div class="controls">
                          <select name="" class="input-xlarge chzn_a">
                            <option>-- Chọn tên tài xế --</option>
                            <option selected="selected">Nguyễn văn a</option>
                            <option>Nguyễn văn b</option>
                            <option>Nguyễn văn c</option>
                            <option>Nguyễn văn d</option>
                            <option>Nguyễn văn e</option>
                            <option>Nguyễn văn f</option>
                            <option>Nguyễn văn g</option>
                            <option>Nguyễn văn h</option>
                            <option>Nguyễn văn q</option>
                          </select> <a href="#" data-toggle="modal"  data-backdrop="static" class="btn btn-small ttip_t" title="Thêm mới tài xế"><i class="icon-plus"></i> </a>
                       </div>
                     </div>                  
                     <div class="control-group">
                       <label class="control-label">Số ĐT Lái xe  </label>
                       <div class="controls">
                          <input type="text" value="0987654321" placeholder="Số điện thoại của tài xế"/>
                       </div>
                     </div>                  
                     <div class="control-group">
                       <label class="control-label">Lái xe có thể đi miền núi </label>
                       <div class="controls">
                           <label class="radio">
                            <input type="radio" checked="true" value="option1" id="optionsRadios1" name="optionsRadios">
                            Có
                          </label>
                          <label class="radio">
                            <input type="radio" value="option2" id="optionsRadios2" name="optionsRadios">
                            Không
                          </label>                         
                       </div>
                     </div>                  
                     <div class="control-group">
                       <label class="control-label">Có kinh nghiệm </label>
                       <div class="controls">
                         <select>
                           <option>-- Chọn --</option>
                           <option>Mới lái </option>
                           <option>Kinh ngiệm trên 2 năm</option>
                           <option selected="selected">Lái tốt</option>
                         </select>                        
                       </div>
                     </div>

                </div>

            <!-- End Form  add -->          
            </div>
           <div class="row-fluid">
             <div class="span12">
               <div class="form-actions " style="text-align: center;" >
                 <button type="submit" class="btn btn-primary"><i class="icon-ok icon-white"></i> Lưu lại </button>
                 <a href="car-manager.php"class="btn"><i class=" icon-share-alt "></i> Hủy</a>
                </div>
              </form>             
             </div>
           </div>
          </div>

        </div>
      </div>

      
     	<script src="js/jquery.min.js"></script>
		<!-- smart resize event -->
		<script src="js/jquery.debouncedresize.min.js"></script>
		<!-- hidden elements width/height -->
		<script src="js/jquery.actual.min.js"></script>
		<!-- js cookie plugin -->
		<script src="js/jquery.cookie.min.js"></script>
		<!-- main bootstrap js -->
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<!-- bootstrap plugins -->
		<script src="js/bootstrap.plugins.min.js"></script>
		<!-- code prettifier -->
		<script src="lib/google-code-prettify/prettify.min.js"></script>
		<!-- tooltips -->
		<script src="lib/qtip2/jquery.qtip.min.js"></script>
		<!-- jBreadcrumbs -->
		<script src="lib/jBreadcrumbs/js/jquery.jBreadCrumb.1.1.min.js"></script>
		<!-- sticky messages -->
		<script src="lib/sticky/sticky.min.js"></script>
		<!-- fix for ios orientation change -->
		<script src="js/ios-orientationchange-fix.js"></script>
		<!-- datepicker -->
		<script src="lib/datepicker/bootstrap-datepicker.min.js"></script>

		<!-- lightbox -->
		<script src="lib/colorbox/jquery.colorbox.min.js"></script>
		<!-- common functions -->
		<script src="js/gebo_common.js"></script>
		<!-- enhanced select (chosen) -->
		<script src="lib/chosen/chosen.jquery.min.js"></script>
      <script>
      $(document).ready(function() {
          $(".chzn_a").chosen({
            allow_single_deselect: true
          });
          $('#check_car_mv').click(function(){
           var check_car = $('#check_car_mv').is(':checked') ? true : false;
           if(check_car){
             $('#car_is_mv').hide();
           }else{
             $('#car_is_mv').show('fast');
           }
          })
      });      
      </script>

    </div>
  </body>
</html>